<!--聊天会话列表-->
<template>
  <SubLayout>
    <template #left-area>
      <!--左侧列表-->
      <ChattingSidebar @into-chat="data => {activeChat = data}"></ChattingSidebar>
    </template>

    <template #content-area>
      <ChattingPanel v-if="activeChat" :chatting="activeChat"></ChattingPanel>
      <EmptyPanel v-else/>
    </template>

  </SubLayout>

</template>

<script setup>


import ChattingSidebar from "@/views/chatting_components/ChattingSidebar.vue";
import ChattingPanel from "@/views/chatting_components/ChattingPanel.vue";
import {ref} from "vue";
import EmptyPanel from "@/views/chatting_components/EmptyPanel.vue";
import SubLayout from "@/views/subpage/SubLayout.vue";

//点中的group
const activeChat = ref(null);


</script>

<style lang="scss" scoped>

</style>
